<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>漂流记 | 主页</title>

    <!-- Font awesome -->
    <link href="static/css/font-awesome.css" rel="stylesheet">
    <!-- Bootstrap -->
    <link href="static/css/bootstrap.css" rel="stylesheet">
    <!-- SmartMenus jQuery Bootstrap Addon CSS -->
    <link href="static/css/jquery.smartmenus.bootstrap.css" rel="stylesheet">
    <!-- Product view slider -->
    <link rel="stylesheet" type="text/css" href="static/css/jquery.simpleLens.css">
    <!-- slick slider -->
    <link rel="stylesheet" type="text/css" href="static/css/slick.css">
    <!-- price picker slider -->
    <link rel="stylesheet" type="text/css" href="static/css/nouislider.css">
    <!-- Theme color -->
    <link id="switcher" href="static/css/theme-color/default-theme.css" rel="stylesheet">
    <!-- <link id="switcher" href="static/css/theme-color/bridge-theme.css" rel="stylesheet"> -->
    <!-- Top Slider CSS -->
    <link href="static/css/sequence-theme.modern-slide-in.css" rel="stylesheet" media="all">

    <!-- Main style sheet -->
    <link href="static/css/style.css" rel="stylesheet">

    <!-- Google Font -->
    <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->


</head>
<body>
<!-- wpf loader Two -->
 <!--  <div id="wpf-loader-two">          
      <div class="wpf-loader-two-inner">
        <span>Loading</span>
      </div>
    </div>  -->
<!-- SCROLL TOP BUTTON -->
<a class="scrollToTop" href="#"><i class="fa fa-chevron-up"></i></a>
<!-- END SCROLL TOP BUTTON -->

<!-- Start header section -->
<header id="aa-header">
    <!-- start header top  -->
    <div class="aa-header-top">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="aa-header-top-area">
                        <!-- start header top left -->
                        <div class="aa-header-top-left">
                            <!-- start language -->
                            <div class="aa-language">
                                <div class="dropdown">
                                    <a class="btn dropdown-toggle" href="#" type="button" id="dropdownMenu1"
                                       data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                        <img src="static/img/flag/english.jpg" alt="english flag">ENGLISH
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                        <li><a href="#"><img src="static/img/flag/french.jpg" alt="">FRENCH</a></li>
                                        <li><a href="#"><img src="static/img/flag/english.jpg" alt="">ENGLISH</a></li>
                                    </ul>
                                </div>
                            </div>
                            <!-- / language -->

                            <!-- start currency -->
                            <div class="aa-currency">
                                <div class="dropdown">
                                    <a class="btn dropdown-toggle" href="#" type="button" id="dropdownMenu1"
                                       data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                        <i class="fa fa-usd"></i>USD
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                        <li><a href="#"><i class="fa fa-euro"></i>EURO</a></li>
                                        <li><a href="#"><i class="fa fa-jpy"></i>YEN</a></li>
                                    </ul>
                                </div>
                            </div>
                            <!-- / currency -->
                            <!-- start cellphone -->
                            <div class="cellphone hidden-xs">
                                <p><span class="fa fa-phone"></span>00-62-658-658</p>
                            </div>
                            <!-- / cellphone -->
                        </div>
                        <!-- / header top left -->
                        <div class="aa-header-top-right">
                            <ul class="aa-head-top-nav-right">
                            
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- / header top  -->
    <!-- start header bottom  -->
    <div class="aa-header-bottom">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="aa-header-bottom-area">
                        <!-- logo  -->
                        <div class="aa-logo">
                            <!-- Text based logo -->
                            <a href="../">
                                <!--span class="fa fa-shopping-cart"></span-->
                                <!-- <p>去<strong>旅行</strong> <span>在线付款交易平台</span></p> -->
                                <p>漂<strong>流记</strong> <span>二手书籍交易平台</span></p>
                            </a>
                            <!-- img based logo -->
                            <!-- <a href="index"><img src="static/img/logo.jpg" alt="logo img"></a> -->
                        </div>
                        <!-- / logo  -->

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- / header bottom  -->
</header>
  </header>
  <!-- / header section -->
  <!-- menu -->
  <section id="menu">
    <div class="container">
        <div class="menu-area">
            <!-- Navbar -->
            <div class="navbar navbar-default" role="navigation">
                <div class="navbar-header">
                </div>
                <div class="navbar-collapse collapse">
                    <!-- Left nav -->
                    <ul class="nav navbar-nav">
                        <li><a href="tourist_index"></a></li>
                        <li><a href="contact"></a></li>
                    </ul>
                </div><!--/.nav-collapse -->
            </div>
        </div>
    </div>
</section>
<!-- / menu -->  
 <!-- Start slider -->
<section id="aa-slider">
    <div class="aa-slider-area">
        <div id="sequence" class="seq">
            <div class="seq-screen">
                <ul class="seq-canvas">
                    <!-- single slide item -->
                    <li>
                        <div class="seq-model">
                            <img src="static/picture/book1.jpg" width="1920" height="700">
                        </div>
                        <div class="seq-title">
                            <span data-seq>世界最美图书馆</span>
                            <h2 data-seq>>>天津滨海图书馆<<</h2>
                            <!-- <p data-seq>“让图书馆成为社交空间”</p> -->
                        </div>
                    </li>
                    <!-- single slide item -->
                    <li>
                        <div class="seq-model">
                            <img src="static/picture/book2.jpg" width="1920" height="700">
                        </div>
                        <div class="seq-title">
                            <span data-seq>世界最美图书馆</span>
                            <h2 data-seq>>>瑞士·圣加伦修道院图书馆  <<</h2>
                        </div>
                    </li>
                    <!-- single slide item -->
                    <li>
                        <div class="seq-model">
                            <img src="static/picture/book3.jpg" width="1920" height="700">
                        </div>
                        <div class="seq-title">
                            <span data-seq>世界最美图书馆</span>
                            <h2 data-seq>>> 法国·巴黎国立图书馆 <<</h2>
                        </div>
                    </li>
                    <!-- single slide item -->
                    <li>
                        <div class="seq-model">
                            <img src="static/picture/book4.jpg" width="1920" height="700">
                        </div>
                        <div class="seq-title">
                            <span data-seq>世界最美图书馆</span>
                            <h2 data-seq>>> 布拉格捷克国家图书馆 <<</h2>
                        </div>
                    </li>
                    <!-- single slide item -->
                    <li>
                        <div class="seq-model">
                            <img src="static/picture/book5.jpg" width="1920" height="700">
                        </div>
                        <div class="seq-title">
                            <span data-seq>世界最美图书馆</span>
                            <h2 data-seq>>> 纽约公共图书馆 <<</h2>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- slider navigation btn -->
            <fieldset class="seq-nav" aria-controls="sequence" aria-label="Slider buttons">
                <a type="button" class="seq-prev" aria-label="Previous"><span class="fa fa-angle-left"></span></a>
                <a type="button" class="seq-next" aria-label="Next"><span class="fa fa-angle-right"></span></a>
            </fieldset>
        </div>
    </div>
</section>
<!-- / slider -->

 <!-- Cart view section -->
 <section id="aa-myaccount">
   <div class="container">
     <div class="row">
              <div class="col-md-6">
                <div class="aa-myaccount-register">      
                 <h4>Register</h4>
<form class="aa-register-form" action="" method="post" novalidate>
    <p>{{ form_register.username.label }}<span>*</span> {{ form_register.username }}<font color = "#FF0000">{{ form_register.username.errors.0 }}</font></p>
    <p>{{ form_register.password.label }}<span>*</span> {{ form_register.password }}<font color = "#FF0000"> {{ form_register.password.errors.0 }}</font></p>
    <p>{{ form_register.password2.label }}<span>*</span> {{ form_register.password2 }}<font color = "#FF0000"> {{ form_register.password2.errors.0 }}</font></p>
    <p>{{ form_register.email.label }}<span>*</span> {{ form_register.email }}<font color = "#FF0000"> {{ form_register.email.errors.0 }}</font></p>
    <input type="submit" name="key" value="Register" class="aa-browse-btn">
</form>
                </div>
              </div>
            </div>          
         </div>
       </div>
     </div>
   </div>
 </section>
 <!-- / Cart view section -->


    
  <!-- jQuery library -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="../../static/js/bootstrap.js"></script>
  <!-- SmartMenus jQuery plugin -->
  <script type="text/javascript" src="../../static/js/jquery.smartmenus.js"></script>
  <!-- SmartMenus jQuery Bootstrap Addon -->
  <script type="text/javascript" src="../../static/js/jquery.smartmenus.bootstrap.js"></script>
  <!-- To Slider JS -->
  <script src="../../static/js/sequence.js"></script>
  <script src="../../static/js/sequence-theme.modern-slide-in.js"></script>
  <!-- Product view slider -->
  <script type="text/javascript" src="../../static/js/jquery.simpleGallery.js"></script>
  <script type="text/javascript" src="../../static/js/jquery.simpleLens.js"></script>
  <!-- slick slider -->
  <script type="text/javascript" src="../../static/js/slick.js"></script>
  <!-- Price picker slider -->
  <script type="text/javascript" src="../../static/js/nouislider.js"></script>
  <!-- Custom js -->
  <script src="../../static/js/custom.js"></script>
  

  </body>
</html>